import { Typography, Tag } from '@arco-design/web-react';


export let columns = [
  {
    title: '音频名称',
    dataIndex: 'audioName',
    width: '90px',
    render: (col, record, index) => (
      <Typography.Paragraph ellipsis={{ rows: 1, showTooltip: true, wrapper: 'span' }}>
        {record.audioName}
      </Typography.Paragraph>
    )
  },
  {
    title: '音频内容',
    dataIndex: 'audioContent',
    render: (col, record, index) => (

      <Typography.Paragraph ellipsis={{ rows: 2,  expandable: true, wrapper: 'span' }}>
        {record.audioContent}
      </Typography.Paragraph>

    ),
  },
  {
    title: '主播',
    dataIndex: 'anchor',
    width: '100px',
    render: (col, record, index) => (
      // <Tag></Tag>
      record.anchor.map(item => <Tag className="m-5" key={item}>{item}</Tag>)
    )
  },
  {
    title: '同步状态',
    dataIndex: 'syncStatus',
    width: '90px'
  },
  {
    title: '操作',
    dataIndex: 'operation',
    width: '120px',
    render: (col, record, index) => (
      <div className="text-sky-500 flex">
        <div className='cursor-pointer mr-10' onClick={() => { setInputStatus(item.name) }}>试听</div> |
        <div className='cursor-pointer ml-10' onClick={() => { deleteName(item.name) }}>删除</div>
      </div>

    )
  },

];